<?php if(count($images)) { ?>
<?php foreach($images as $image): ?>
<form id="form_<?php echo $image['image_id']; ?>" class="form_images" action="<?php echo getAppUrl('screening', 'point') . '/' . $image['image_id']; ?>" method="post" style="margin: 5px; border-bottom: 1px solid #303030">
    <table width="100%" cellpadding="5" cellspacing="5" border="0">
        <tr>
            <td width="250" align="center" style="border-right: 1px solid #252525">
                <a id="prettyPhoto_<?php echo $image['image_id']; ?>" target="_blank" href="<?php echo $image['href']; ?>" rel="prettyPhoto[<?php echo $image['image_id']; ?>]" title="<?php $image['title'] ?>">
                    <img src="<?php echo $image['thumb']; ?>" alt="<?php $image['title'] ?>" title="<?php $image['title'] ?>"/>
                </a>
            </td>
            <td>
                <h4 style="margin-top: 0px; margin-bottom: 3px;">#<?php echo $image['image_id'] . "&nbsp;" . $image['title']; ?></h4>
                <div>Category:
                <?php for($i=0,$j=count($image['categories']);$i<$j;$i++): ?>
                <?php echo ($i?', ':'') . $image['categories'][$i]['category_name']; ?>
                <?php endfor; ?>
                </div>
                <p id="text-button-img">
                    ( click thumbnail for larger image. )
                </p>
                <div>
                    <input id="point_plus_<?php echo $image['image_id']; ?>" name="point" type="radio" value="+" />
                    <label for="point_plus_<?php echo $image['image_id']; ?>" style="color: green">Good Picture!</label>
                    &nbsp;
                    &nbsp;
                    <input id="point_minus_<?php echo $image['image_id']; ?>" name="point" type="radio" value="-" />
                    <label for="point_minus_<?php echo $image['image_id']; ?>" style="color: red">Bad Picture!</label>
                </div>
                <div>
                    <span style="font-size: 12px">Comments :</span>
                    <span style="font-size: 9px;color: #FFEE58;">( Fill in this Comment Area first (more than 20 character), if you want to choose "Bad Picture!"  )</span>
                </div>
                <table border="0" cellpadding="5" cellspacing="0">
                    <tr>
                        <td><textarea id="comment_<?php echo $image['image_id']; ?>" name="comment" style="width: 550px; height: 50px;"></textarea></td>
                        <td valign="top"><input type="submit" class="submit" value="Post!" style="width:60px;" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</form>
<script type="text/javascript">
<!--
(function($){
    $("#form_<?php echo $image['image_id']; ?> a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
})(jQuery);
-->
</script>
<?php endforeach; ?>
<?php } else { ?>
<p>Sorry, No more images!</p>
<?php } ?>